<template>
    <div class="app-container">
        <div class="filter-container">
            <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
                <el-tab-pane label="一般工资" name="first">
                    <normal keep-alive></normal>
                </el-tab-pane>
                <el-tab-pane label="日结工资" name="second">
                    <day keep-alive></day>
                </el-tab-pane>
                <el-tab-pane label="小时工工资" name="third">
                    <hour keep-alive></hour>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>
<script>
    import normal from "@/views/finance/pay/normal"
    import day from "@/views/finance/pay/day"
    import hour from "@/views/finance/pay/hour"
    export default {
        data() {
            return {
                activeName: 'first'
            };
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        },
        components: {
            normal,
            day,
            hour
        }
    };
</script>
